<template>
  <div
    class="Loads acea-row row-center-wrapper"
    style="margin-top: .2rem;"
  >
    <template v-if="loading">
      <div
        class="iconfont icon-jiazai loading acea-row row-center-wrapper"
      ></div>
      <span class="font-color-gray">正在加载中</span>
    </template>
    <template v-else-if="!loaded">
      <div class="font-color-gray">上拉加载更多</div>
    </template>
    <template v-else-if="loaded">
      <div class="font-color-gray">(。-ω-)zzz 已经到底了哟~</div>
    </template>
  </div>
</template>

<script>
export default {
  name: "Loading",
  props: {
    loaded: Boolean,
    loading: Boolean
  }
};
</script>
